<clr-modal [(clrModalOpen)]="modalOpened" clrModalSize="xl">
  <h3 class="modal-title">机房资源列表</h3>
  <div class="modal-body">
    <clr-datagrid>
      <clr-dg-column>机房</clr-dg-column>
      <clr-dg-column>Cpu使用 / Cpu总量（核）</clr-dg-column>
      <clr-dg-column>内存使用 / 内存总量（G）</clr-dg-column>
  
      <clr-dg-row *ngFor="let cluster of resources">
          <clr-dg-cell>{{cluster.cluster}}</clr-dg-cell>
          <clr-dg-cell>{{cluster.resource.usage.cpu}} / {{cluster.resource.limit.cpu}}</clr-dg-cell>
          <clr-dg-cell>{{cluster.resource.usage.memory}} / {{cluster.resource.limit.memory}}</clr-dg-cell>
      </clr-dg-row>
      <clr-dg-footer>
        共  {{resources.length}} 条记录
      </clr-dg-footer>
  </clr-datagrid>
  </div>
</clr-modal>